{% load staticfiles %}

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE-edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="description" content="">
	<meta name="author" content="adoryn">
	<title>
		{% block title %}
		{% endblock %}
	</title>
	
	<!-- jquery -->
	<script src="{% static 'lib/jquery.js' %}"></script>
	<script src="{% static 'lib/scorllup.js' %}"></script>

	<!-- Bootstrap Core CSS -->
	<link href="{% static 'lib/bootstrap/css/bootstrap.css' %}" rel="stylesheet">
	<link href="{% static 'lib/bootstrap/css/font-awesome.css' %}" rel="stylesheet">

	<!-- code highlight -->
    <link href="{% static 'lib/default.css' %}" rel="stylesheet" type="text/css">
    
	<!-- Custom styles for this template -->
	<link href="{% static 'css/style.css' %}" rel="stylesheet">

	<!-- jqcloud -->
	<script src="{% static 'lib/jqcloud-1.0.4.js' %}"></script>
	<link href="{% static 'lib/jqcloud.css' %}" rel="stylesheet" type="text/css">

</head>

<script type="text/javascript">
	$(function () {
		$.scrollUp({
		scrollName: 'scrollUp',      // Element ID
		scrollDistance: 300,         // Distance from top/bottom before showing element (px)
		scrollFrom: 'top',           // 'top' or 'bottom'
		scrollSpeed: 250,            // Speed back to top (ms)
		easingType: 'linear',        // Scroll to top easing (see http://easings.net/)
		animation: 'slide',           // Fade, slide, none
		animationSpeed: 250,         // Animation speed (ms)
		scrollTrigger: false,        // Set a custom triggering element. Can be an HTML string or jQuery object
		scrollTarget: false,         // Set a custom target element for scrolling to. Can be element or number
		scrollTitle: false,          // Set a custom <a> title if required.
		scrollImg: false,            // Set true to use image
		activeOverlay: false,        // Set CSS color to display scrollUp active point, e.g '#00FFFF'
		zIndex: 2147483647           // Z-Index for the overlay
    });
});
</script>

<body class="home blog layout-cs">
<div id="wrap">
	<header id="header" role="banner">
		<div class="container">

			<div id="logo">
				<h1 id="site-title">
					<a href="{% url 'home' %}" rel="home">追风筝的人</a>
				</h1>
				<span id="site-description">悟以往之不谏，知来者之可追</span>
			</div>
			<div class="social-icons">
				<a href="http://weibo.com/adoryn"><i style="position:relative;left:-2px;" class="icon-weibo icon-large"></i></a>
				<a href="https://github.com/adoryn"><i style="position:relative;left:-2px;" class="icon-github icon-large"></i></a>
				<a href="https://www.twitter.com/chaoadoryn"><i style="position:relative;left:-2px;" class="icon-twitter icon-large"></i></a>
				<a href="mailto:zhao_bryant@qq.com"><i style="position:relative;left:-2px;" class="icon-envelope icon-large"></i></a>
			</div>

		</div>

		<div class="clearfix"></div>

		<nav class="nav nav-primary">
			<div class="container">
				<ul id="menu-main" class="menu sf-js-enabled sf-shadow">
					<li id="menu-item-43" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-43">
						<a href="{% url 'home' %}">首页</a>
					</li>
					<li id="menu-item-44" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-44">
						<a href="{% url 'archive' %}">归档</a>
					</li>
					<li id="menu-item-45" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-45">
						<a href="{% url 'cv' %}">简历</a>
					</li>
					<li id="menu-item-46" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-46">
						<a href="{% url 'message' %}">反馈</a>
					</li>
				</ul>
			</div>
		</nav>
	</header>

	<div id="main" class="container">
		<div id="content-sidebar-wrap">
			<div id="content">
				<div class="breadcrumb">
					{% block path %}
					{% endblock %}
				</div>

				{% block content %}
				{% endblock %}
			</div> <!-- #content -->

			<aside id="sidebar-primary" role="complementary">
				{% block side %}
				{% endblock %}
			</aside>
		</div> <!-- #content-sidebar -->
	</div> <!-- #main -->

	<center>
		<footer id="footer" role="contentinfo">
			<div id="footer-content">
				<div class="container">
					<span id="copyright" class="fleft grey-link">
					2015 &copy; Adoryn Blog.
					</span>
				</div>
			</div>
		</footer>
	</center>
</div><!-- #wrap -->

</body>

</html>